<template>
  <div class="login">
    <!-- 顶部导航 -->
    <van-nav-bar>
      <template #left>
        <van-icon name="arrow-left" class="myIcon" />
      </template>
    </van-nav-bar>
    <!-- 标题 -->
    <h4 class="title">您好，请登录</h4>
    <!-- 表单 -->
    <van-form>
      <van-field
        v-model="username"
        name="账号"
        placeholder="用户名"
        :rules="rules.phone"
      >
        <template #left-icon> </template>
      </van-field>
    </van-form>
  </div>
</template>

<script>
export default {
  data () {
    return {}
  }
}
</script>
<style lang="less">
.login {
  padding: 0 15px;
  .van-nav-bar__left {
    padding: 0;
  }
  .myIcon {
    font-size: 30px;
  }
  .title {
    font-size: 36spx;
    margin-top: 55px;
    margin-bottom: 55px;
  }
}
</style>
